<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <pre>
        express模块的使用：
            1、基于项目结构化
                npm init -y
            2、在node_modules添加express模块
                npm install express --save
           【
                const express = require('express')
                const app = express()
                app.get('/路径', (req, res) => {
                    res.send('Hello World!')
                })
                app.listen(port, hostName,() => {
                    console.log(`Express for Node http://${hostName}:${port}`)
                }) 
            】

        express模块的CORS跨域：
            //解决跨域
            app.use("*",(req,res,next)=>{
                //设置头信息
                res.setHeader("Access-Control-Allow-Origin","*");
                res.setHeader("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");
                res.setHeader("Access-Control-Allow-Headers", "X-Requested-With,Content-Type");
            
                //放行
                next();
            });

        axios：易用、简洁且高效的http库，封装promiss对象，用于调用异步请求
            语法：
                axios.get(
                    url地址,{ params:{} }
                ).then(function(data){
                    操作响应数据data
                }).catch(function(error){
                    操作错误数据error
                })

            使用步骤：
               1）添加axios模块的引用
                    npm install axios --save
               2）网页中引入axios.js
                  script type="text/javascript" src="./node_modules/axios/dist/axios.js"
        
        在express模块中：
            get请求：
                axios.get("url",{params:{json} })   
                nodej获取数据：request.url
            post请求：
                axios.post("url",{json})
                nodej获取数据：
                    //获取post请求数据的body模块
                    const bodyParser=require('body-parser');
                    //使用body
                    app[express].use(bodyParser.json());
                    app[express].use(bodyParser.urlencoded({ extended: false }));
                    //获取post的数据
                    request.body
    </pre>


    <button id="btn1">异步调用express</button>

    <script type="text/javascript" src="./node_modules/jquery/dist/jquery.js"></script>
    <script type="text/javascript" src="./node_modules/axios/dist/axios.js"></script>
    <script type="text/javascript" src="./chapter4_client.js"></script>
</body>
</html>